extends layout/default

block content
    #page-main.page
        header.bar.bar-nav
            button.button.button-link.button-nav.pull-left.close-popup(onclick="history.back()")
                span.icon.icon-left
                | 返回
            h1.title 选房
        nav.bar.bar-tab
            .tab-item(href="#")
                a.button.button-fill.button-big.width-100(style="border-radius: 0;") 提交选房
        .content
            .content-block-title &#21487;&#36873;&#25321;
            .list-block
                ul
                    li.item-content
                        .item-inner
                            .item-title 1&#21495;&#27004;
                            a.item-after.open-popup.open-room.color-link &#28857;&#20987;&#36873;&#25151;
                    li.item-content
                        .item-inner
                            .item-title 2&#21495;&#27004;
                            a.item-after.open-popup.open-room.color-link &#28857;&#20987;&#36873;&#25151;
            .content-block-title &#25151;&#38388;&#25551;&#36848;
            .buttons-tab
                a.tab-link.active.button(href="#tab1") &#23458;&#25151;&#25551;&#36848;
                a.tab-link.button(href="#tab2") &#23458;&#25151;&#35780;&#35770;
                a.tab-link.button(href="#tab3") &#23458;&#25151;&#22270;&#29255;
            .content-block
                .tabs
                    #tab1.tab.active
                        .content-block
                            | &#26242;&#26080;
                    #tab2.tab
                        .content-block
                            | &#26242;&#26080;
                    #tab3.tab
                        .content-block
                            | &#26242;&#26080;
    .popup.popup-room(style="overflow: hidden")
        header.bar.bar-nav
            button.button.button-link.button-nav.pull-left.close-popup
                span.icon.icon-left
                | &#36820;&#22238;
            h1.title &#35831;&#36873;&#25321;
        .content
            .content-block-title(style="margin-top: .75rem") &#24744;&#36824;&#21487;&#20197;&#36873;&#25321;1&#38388;
            .list-block
                ul#select-room-list
                    .room-wrapper
                        .room-number 101
                    .room-wrapper
                        .room-number 102
                    .room-wrapper
                        .room-number 103
                    .room-wrapper.active
                        .room-number 104
                    .room-wrapper
                        .room-number 101
                    .room-wrapper
                        .room-number 102
                    .room-wrapper
                        .room-number 103
                    .room-wrapper.active
                        .room-number 104
